<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>嘉宾详情</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/guest_details.css"/>
		<script src="js/jquery-1.12.3.js"></script>
	</head>
	<body>
		<header class="xian_header">
			<div class="sponsor_phone">
				<div class="top_box center_box clearfix">
					<div class="left_sponsor fl">
						<span>中国人力资源实战领袖峰会</span>
						<a href="javascript:;">
							<img src="img/see.png" alt="查看" style="vertical-align: middle;"/>
						</a>
					</div>
					<div class="right_phone fr">
						<img src="img/icon-phone.png" alt="phone-icon" style="vertical-align: middle;"/>
						<span>400-888-8888</span>
					</div>
				</div>
			</div>
			<div class="header_nav">
				<div class="nav_bar center_box">
					<img src="img/logo.png" alt="儒思logo" />
					<div class="select_wrap" data-show="1">
						<span>西安站</span>
						<ul style="display: none;" class="select_ul">
							<li>
								<a href="javascript:;">成都站</a>
							</li>
							<li>
								<a href="javascript:;">天津站</a>
							</li>
							<li>
								<a href="javascript:;">青岛站</a>
							</li>
							<li>
								<a href="javascript:;">重庆站</a>
							</li>
							<li>
								<a href="javascript:;">武汉站</a>
							</li>
							<li>
								<a href="javascript:;">苏州站</a>
							</li>
							<li>
								<a href="javascript:;">南京站</a>
							</li>
							<li>
								<a href="javascript:;">杭州站</a>
							</li>
							<li>
								<a href="javascript:;">郑州站</a>
							</li>
						</ul>
					</div>
					<nav class="nav_list">
						<a href="javascript:;" class="active">首页</a>
						<a href="javascript:;">关于我们</a>
						<a href="javascript:;">大会议程</a>
						<a href="javascript:;">大会嘉宾</a>
						<a href="javascript:;">参会指南</a>
						<a href="javascript:;">商业合作</a>
						<a href="javascript:;">历届回顾</a>
					</nav>
					<a href="javascript:;" class="sign_up">立即报名</a>
				</div>
			</div>
		</header>
		<div class="guest_det_bj">
			<div class="guest_list center_box">
				<div class="guest_title">
					<img src="img/title.png" alt="">
				</div>
				<!--<li>
							<a href="javascript:;">
								<img src="img/heard.png" alt="">
								<p class="guest_name">胡歌</p>
								<p class="comp">古月哥欠</p>
							</a>
						</li>-->
				<div class="guest_info clearfix">
					<ul class="guest_ul fl"></ul>
					<div class="right_info fr">
						<div class="sign_coop">
							<a href="javascript:;">报名参会</a>
							<a href="javascript:;">商业合作</a>
						</div>
						<div class="spon_part">
							<h3 class="curr_h3">主办方</h3>
							<a href="javascript:;">
								<img src="img/partner_logo.png" alt="" />
							</a>
						</div>
						<div class="other_spon">
							<h3 class="curr_h3">战略伙伴</h3>
							<a href="javascript:;">
								<img src="img/partner_logo.png" alt="" />
							</a>
						</div>
						<div class="diamonds">
							<h3 class="curr_h3">钻石赞助</h3>
							<div class="dia_list">
								<ul class="curr_ul clearfix">
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="platinum">
							<h3 class="curr_h3">铂金赞助</h3>
							<div class="pla_list">
								<ul class="curr_ul clearfix">
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<img src="img/partner_logo.png" alt="" />
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<!--<li>
		<a href="javascript:;">
				<img src="{{honored_guest_pic}}" alt="">
				<p class="guest_name">{{honored_guest_name}}</p>
				<p class="comp">{{positional_title}}</p>
			</a>
			</li>-->
	<script type="text/x-handlebars-template" id="guestList">
		{{#each jiabin_list1}}
			<li>
				<a href="javascript:;">
					<img src="{{honored_guest_pic}}" alt="">
					<p class="guest_name">{{honored_guest_name}}</p>
					<p class="comp">{{positional_title}}</p>
				</a>
			</li>
		{{/each}}
	</script>
		<script src="js/handlebars.js"></script>
	
	<script src="js/guest.js"></script>
</html>
